.yg-category {
  .yg-category-title {
    .category-title {
      background: var(--themeColor);
    }
  }
  .yg-category-search {
    width: 100%;
    height: 1.333333rem;
    background: #fd0002;
    display: flex;
    align-items: center;
    justify-content: center;
    .category-search-item {
      width: 8.266667rem;
      height: 1.066667rem;
      background: #fff;
      border-radius: 0.053333rem;
      text-align: center;
      line-height: 1.066667rem;
      color: #ccc;
      font-size: 0.426667rem;
    }
  }
  .yg-category-content {
    display: flex;
    height: calc(100vh - 3.866667rem);

    .category-content-left {
      flex: 1;
      background: #f3f3f3;
      overflow-y: scroll;
      .content-left-item{
        height: 0.533333rem;
        text-align: center;
        line-height: 0.533333rem;
        font-size: 0.426667rem;
        margin: 0.4rem 0;       
      }
      .active{
        color: var(--themeColor);
        border-left: 0.08rem solid var(--themeColor);
      }
    }

    .category-content-right {
      flex: 3;
      overflow-y: scroll;
      .content-right-item {
        .right-item-title {
          height: 0.8rem;
          text-align: center;
          line-height: 0.8rem;
          color:#818181;
          font-size: 0.373333rem;
          margin-bottom: 0.133333rem;
        }
      
        .product-list {
          display: flex;
          flex-wrap: wrap;
          .product-list-item {
            width: 33.3%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-bottom: 0.4rem;
            img {
              width: 1.6rem;
              height: 1.6rem;
              margin-bottom: 0.133333rem;
            }
      
            .title {
              
            }
          }
        }
      }
    }
  }
}
